export interface AnimateType {
    [key: string]: {
        keyframes: string;
        css: string;
    }
}

const animateCssNames: AnimateType = {
    Bounce: {
        keyframes: `from,20%,53%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,0,0);}40%,43%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-30px,0)scaleY(1.1);}70%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-15px,0)scaleY(1.05);}80%{transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,0,0)scaleY(0.95);}90%{transform:translate3d(0,-4px,0)scaleY(1.02);}`,
        css: `transform-origin: center bottom;`
    },
    Flash: {
        keyframes: `from,50%,to{opacity: 1;}25%,75%{opacity: 0;}`,
        css: ``
    },
    HeadShake: {
        keyframes: `0%{transform:translateX(0);}6.5%{transform:translateX(-6px)rotateY(-9deg);}18.5%{transform:translateX(5px)rotateY(7deg);}31.5%{transform:translateX(-3px)rotateY(-5deg);}43.5%{transform:translateX(2px)rotateY(3deg);}50%{transform:translateX(0);}`,
        css: `animation-timing-function: ease-in-out;`
    },
    HeartBeat: {
        keyframes: `0%{transform:scale(1);}14%{transform:scale(1.3);}28%{transform:scale(1);}42%{transform:scale(1.3);}70%{transform:scale(1);}`,
        css: `animation-duration: 1.3s;animation-timing-function: ease-in-out;`
    },
    Jello: {
        keyframes: `from,11.1%,to{transform:translate3d(0,0,0);}22.2%{transform:skewX(-12.5deg)skewY(-12.5deg);}33.3%{transform:skewX(6.25deg)skewY(6.25deg);}44.4%{transform:skewX(-3.125deg)skewY(-3.125deg);}55.5%{transform:skewX(1.5625deg)skewY(1.5625deg);}66.6%{transform:skewX(-0.78125deg)skewY(-0.78125deg);}77.7%{transform:skewX(0.390625deg)skewY(0.390625deg);}88.8%{transform:skewX(-0.1953125deg)skewY(-0.1953125deg);}`,
        css: `transform-origin: center;`
    },
    Pulse: {
        keyframes: `from{transform:scale3d(1,1,1);}50%{transform:scale3d(1.05,1.05,1.05);}to{transform:scale3d(1,1,1);}`,
        css: `animation-timing-function: ease-in-out;`
    },
    RubberBand: {
        keyframes: `from{transform:scale3d(1,1,1);}30%{transform:scale3d(1.25,0.75,1);}40%{transform:scale3d(0.75,1.25,1);}50%{transform:scale3d(1.15,0.85,1);}65%{transform:scale3d(0.95,1.05,1);}75%{transform:scale3d(1.05,0.95,1);}to{transform:scale3d(1,1,1);}`,
        css: ``
    },
    ShakeX: {
        keyframes: `from,to{transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0);}20%,40%,60%,80%{transform:translate3d(10px,0,0);}`,
        css: ``
    },
    ShakeY: {
        keyframes: `from,to{transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0);}20%,40%,60%,80%{transform:translate3d(0,10px,0);}`,
        css: ``
    },
    Swing: {
        keyframes: `20%{transform:rotate3d(0,0,1,15deg);}40%{transform:rotate3d(0,0,1,-10deg);}60%{transform:rotate3d(0,0,1,5deg);}80%{transform:rotate3d(0,0,1,-5deg);}to{transform:rotate3d(0,0,1,0deg);}`,
        css: `transform-origin: top center;`
    },
    Tada: {
        keyframes: `from{transform:scale3d(1,1,1);}10%,20%{transform:scale3d(0.9,0.9,0.9)rotate3d(0,0,1,-3deg);}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1)rotate3d(0,0,1,3deg);}40%,60%,80%{transform:scale3d(1.1,1.1,1.1)rotate3d(0,0,1,-3deg);}to{transform:scale3d(1,1,1);}`,
        css: ``
    },
    Wobble: {
        keyframes: `from{transform:translate3d(0,0,0);}15%{transform:translate3d(-25%,0,0)rotate3d(0,0,1,-5deg);}30%{transform:translate3d(20%,0,0)rotate3d(0,0,1,3deg);}45%{transform:translate3d(-15%,0,0)rotate3d(0,0,1,-3deg);}60%{transform:translate3d(10%,0,0)rotate3d(0,0,1,2deg);}75%{transform:translate3d(-5%,0,0)rotate3d(0,0,1,-1deg);}to{transform:translate3d(0,0,0);}`,
        css: ``
    },
    BackInDown: {
        keyframes: `0%{transform:translateY(-1200px)scale(0.7);opacity:0.7;}80%{transform:translateY(0px)scale(0.7);opacity:0.7;}100%{transform:scale(1);opacity:1;}`,
        css: ``
    },
    BackInLeft: {
        keyframes: `0%{transform:translateX(-2000px)scale(0.7);opacity:0.7;}80%{transform:translateX(0px)scale(0.7);opacity:0.7;}100%{transform:scale(1);opacity:1;}`,
        css: ``
    },
    BackInRight: {
        keyframes: `0%{transform:translateX(2000px)scale(0.7);opacity:0.7;}80%{transform:translateX(0px)scale(0.7);opacity:0.7;}100%{transform:scale(1);opacity:1;}`,
        css: ``
    },
    BackInUp: {
        keyframes: `0%{transform:translateY(1200px)scale(0.7);opacity:0.7;}80%{transform:translateY(0px)scale(0.7);opacity:0.7;}100%{transform:scale(1);opacity:1;}`,
        css: ``
    },
    BackOutDown: {
        keyframes: `0%{transform:scale(1);opacity:1;}20%{transform:translateY(0px)scale(0.7);opacity:0.7;}100%{transform:translateY(700px)scale(0.7);opacity:0.7;}`,
        css: ``
    },
    BackOutLeft: {
        keyframes: `0%{transform:scale(1);opacity:1;}20%{transform:translateX(0px)scale(0.7);opacity:0.7;}100%{transform:translateX(-2000px)scale(0.7);opacity:0.7;}`,
        css: ``
    },
    BackOutRight: {
        keyframes: `0%{transform:scale(1);opacity:1;}20%{transform:translateX(0px)scale(0.7);opacity:0.7;}100%{transform:translateX(2000px)scale(0.7);opacity:0.7;}`,
        css: ``
    },
    BackOutUp: {
        keyframes: `0%{transform:scale(1);opacity:1;}20%{transform:translateY(0px)scale(0.7);opacity:0.7;}100%{transform:translateY(-700px)scale(0.7);opacity:0.7;}`,
        css: ``
    },
    BounceIn: {
        keyframes: `from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0;transform:scale3d(0.3,0.3,0.3);}20%{transform:scale3d(1.1,1.1,1.1);}40%{transform:scale3d(0.9,0.9,0.9);}60%{opacity:1;transform:scale3d(1.03,1.03,1.03);}80%{transform:scale3d(0.97,0.97,0.97);}to{opacity:1;transform:scale3d(1,1,1);}`,
        css: `animation-duration: 0.75s;`
    },
    BounceInDown: {
        keyframes: `from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0;transform:translate3d(0,-3000px,0)scaleY(3);}60%{opacity:1;transform:translate3d(0,25px,0)scaleY(0.9);}75%{transform:translate3d(0,-10px,0)scaleY(0.95);}90%{transform:translate3d(0,5px,0)scaleY(0.985);}to{transform:translate3d(0,0,0);}`,
        css: ``
    },
    BounceInLeft: {
        keyframes: `from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0;transform:translate3d(-3000px,0,0)scaleX(3);}60%{opacity:1;transform:translate3d(25px,0,0)scaleX(1);}75%{transform:translate3d(-10px,0,0)scaleX(0.98);}90%{transform:translate3d(5px,0,0)scaleX(0.995);}to{transform:translate3d(0,0,0);}`,
        css: ``
    },
    BounceInRight: {
        keyframes: `from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);}from{opacity:0;transform:translate3d(3000px,0,0)scaleX(3);}60%{opacity:1;transform:translate3d(-25px,0,0)scaleX(1);}75%{transform:translate3d(10px,0,0)scaleX(0.98);}90%{transform:translate3d(-5px,0,0)scaleX(0.995);}to{transform:translate3d(0,0,0);}`,
        css: ``
    },
    BounceInUp: {
        keyframes: `from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);}from{opacity:0;transform:translate3d(0,3000px,0)scaleY(5);}60%{opacity:1;transform:translate3d(0,-20px,0)scaleY(0.9);}75%{transform:translate3d(0,10px,0)scaleY(0.95);}90%{transform:translate3d(0,-5px,0)scaleY(0.985);}to{transform:translate3d(0,0,0);}`,
        css: ``
    },
    BounceOut: {
        keyframes: `20%{transform:scale3d(0.9,0.9,0.9);}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1);}to{opacity:0;transform:scale3d(0.3,0.3,0.3);}`,
        css: `animation-duration: 0.75s;`
    },
    BounceOutDown: {
        keyframes: `20%{transform:translate3d(0,10px,0)scaleY(0.985);}40%,45%{opacity:1;transform:translate3d(0,-20px,0)scaleY(0.9);}to{opacity:0;transform:translate3d(0,2000px,0)scaleY(3);}`,
        css: ``
    },
    BounceOutLeft: {
        keyframes: `20%{opacity:1;transform:translate3d(20px,0,0)scaleX(0.9);}to{opacity:0;transform:translate3d(-2000px,0,0)scaleX(2);}`,
        css: ``
    },
    BounceOutRight: {
        keyframes: `20%{opacity:1;transform:translate3d(-20px,0,0)scaleX(0.9);}to{opacity:0;transform:translate3d(2000px,0,0)scaleX(2);}`,
        css: ``
    },
    BounceOutUp: {
        keyframes: `20%{transform:translate3d(0,-10px,0)scaleY(0.985);}40%,45%{opacity:1;transform:translate3d(0,20px,0)scaleY(0.9);}to{opacity:0;transform:translate3d(0,-2000px,0)scaleY(3);}`,
        css: ``
    },
    FadeIn: {
        keyframes: `from{opacity:0;}to{opacity:1;}`,
        css: ``
    },
    FadeInBottomLeft: {
        keyframes: `from{opacity:0;transform:translate3d(-100%,100%,0);}to{opacity:1;transform:translate3d(0,0,0);}`,
        css: ``
    },
    FadeInBottomRight: {
        keyframes: `from{opacity:0;transform:translate3d(100%,100%,0);}to{opacity:1;transform:translate3d(0,0,0);}`,
        css: ``
    },
    FadeInDown: {
        keyframes: `from{opacity:0;transform:translate3d(0,-100%,0);}to{opacity:1;transform:translate3d(0,0,0);}`,
        css: ``
    },
    FadeInDownBig: {
        keyframes: `from{opacity:0;transform:translate3d(0,-2000px,0);}to{opacity:1;transform:translate3d(0,0,0);}`,
        css: ``
    },
    FadeInLeft: {
        keyframes: `from{opacity:0;transform:translate3d(-100%,0,0);}to{opacity:1;transform:translate3d(0,0,0);}`,
        css: ``
    },
    FadeInLeftBig: {
        keyframes: `from{opacity:0;transform:translate3d(-2000px,0,0);}to{opacity:1;transform:translate3d(0,0,0);}`,
        css: ``
    },
    FadeInRight: {
        keyframes: `from{opacity:0;transform:translate3d(100%,0,0);}to{opacity:1;transform:translate3d(0,0,0);}`,
        css: ``
    },
    FadeInRightBig: {
        keyframes: `from{opacity:0;transform:translate3d(2000px,0,0);}to{opacity:1;transform:translate3d(0,0,0);}`,
        css: ``
    },
    FadeInTopLeft: {
        keyframes: `from{opacity:0;transform:translate3d(-100%,-100%,0);}to{opacity:1;transform:translate3d(0,0,0);}`,
        css: ``
    },
    FadeInTopRight: {
        keyframes: `from{opacity:0;transform:translate3d(100%,-100%,0);}to{opacity:1;transform:translate3d(0,0,0);}`,
        css: ``
    },
    FadeInUp: {
        keyframes: `from{opacity:0;transform:translate3d(0,100%,0);}to{opacity:1;transform:translate3d(0,0,0);}`,
        css: ``
    },
    FadeInUpBig: {
        keyframes: `from{opacity:0;transform:translate3d(0,2000px,0);}to{opacity:1;transform:translate3d(0,0,0);}`,
        css: ``
    },
    FadeOut: {
        keyframes: `from{opacity:1;}to{opacity:0;}`,
        css: ``
    },
    FadeOutBottomLeft: {
        keyframes: `from{opacity:1;transform:translate3d(0,0,0);}to{opacity:0;transform:translate3d(-100%,100%,0);}`,
        css: ``
    },
    FadeOutBottomRight: {
        keyframes: `from{opacity:1;transform:translate3d(0,0,0);}to{opacity:0;transform:translate3d(100%,100%,0);}`,
        css: ``
    },
    FadeOutDown: {
        keyframes: `from{opacity:1;}to{opacity:0;transform:translate3d(0,100%,0);}`,
        css: ``
    },
    FadeOutDownBig: {
        keyframes: `from{opacity:1;}to{opacity:0;transform:translate3d(0,2000px,0);}`,
        css: ``
    },
    FadeOutLeft: {
        keyframes: `from{opacity:1;}to{opacity:0;transform:translate3d(-100%,0,0);}`,
        css: ``
    },
    FadeOutLeftBig: {
        keyframes: `from{opacity:1;}to{opacity:0;transform:translate3d(-2000px,0,0);}`,
        css: ``
    },
    FadeOutRight: {
        keyframes: `from{opacity:1;}to{opacity:0;transform:translate3d(100%,0,0);}`,
        css: ``
    },
    FadeOutRightBig: {
        keyframes: `from{opacity:1;}to{opacity:0;transform:translate3d(2000px,0,0);}`,
        css: ``
    },
    FadeOutTopLeft: {
        keyframes: `from{opacity:1;transform:translate3d(0,0,0);}to{opacity:0;transform:translate3d(-100%,-100%,0);}`,
        css: ``
    },
    FadeOutTopRight: {
        keyframes: `from{opacity:1;transform:translate3d(0,0,0);}to{opacity:0;transform:translate3d(100%,-100%,0);}`,
        css: ``
    },
    FadeOutUp: {
        keyframes: `from{opacity:1;}to{opacity:0;transform:translate3d(0,-100%,0);}`,
        css: ``
    },
    FadeOutUpBig: {
        keyframes: `from{opacity:1;}to{opacity:0;transform:translate3d(0,-2000px,0);}`,
        css: ``
    },
    Flip: {
        keyframes: `from{transform:perspective(400px)scale3d(1,1,1)translate3d(0,0,0)rotate3d(0,1,0,-360deg);animation-timing-function:ease-out;}40%{transform:perspective(400px)scale3d(1,1,1)translate3d(0,0,150px)rotate3d(0,1,0,-190deg);animation-timing-function:ease-out;}50%{transform:perspective(400px)scale3d(1,1,1)translate3d(0,0,150px)rotate3d(0,1,0,-170deg);animation-timing-function:ease-in;}80%{transform:perspective(400px)scale3d(0.95,0.95,0.95)translate3d(0,0,0)rotate3d(0,1,0,0deg);animation-timing-function:ease-in;}to{transform:perspective(400px)scale3d(1,1,1)translate3d(0,0,0)rotate3d(0,1,0,0deg);animation-timing-function:ease-in;}`,
        css: `backface-visibility: visible;`
    },
    FlipInX: {
        keyframes: `from{transform:perspective(400px)rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0;}40%{transform:perspective(400px)rotate3d(1,0,0,-20deg);animation-timing-function:ease-in;}60%{transform:perspective(400px)rotate3d(1,0,0,10deg);opacity:1;}80%{transform:perspective(400px)rotate3d(1,0,0,-5deg);}to{transform:perspective(400px);}`,
        css: `backface-visibility: visible !important;`
    },
    FlipInY: {
        keyframes: `from{transform:perspective(400px)rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0;}40%{transform:perspective(400px)rotate3d(0,1,0,-20deg);animation-timing-function:ease-in;}60%{transform:perspective(400px)rotate3d(0,1,0,10deg);opacity:1;}80%{transform:perspective(400px)rotate3d(0,1,0,-5deg);}to{transform:perspective(400px);}`,
        css: `backface-visibility: visible !important;`
    },
    FlipOutX: {
        keyframes: `from{transform:perspective(400px);}30%{transform:perspective(400px)rotate3d(1,0,0,-20deg);opacity:1;}to{transform:perspective(400px)rotate3d(1,0,0,90deg);opacity:0;}`,
        css: `animation-duration: 0.75s;backface-visibility: visible !important;`
    },
    FlipOutY: {
        keyframes: `from{transform:perspective(400px);}30%{transform:perspective(400px)rotate3d(0,1,0,-15deg);opacity:1;}to{transform:perspective(400px)rotate3d(0,1,0,90deg);opacity:0;}`,
        css: `animation-duration: 0.75s;backface-visibility: visible !important;  `
    },
    LightSpeedInLeft: {
        keyframes: `from{transform:translate3d(-100%,0,0)skewX(30deg);opacity:0;}60%{transform:skewX(-20deg);opacity:1;}80%{transform:skewX(5deg);}to{transform:translate3d(0,0,0);}`,
        css: `animation-timing-function: ease-out;`
    },
    LightSpeedInRight: {
        keyframes: `from{transform:translate3d(100%,0,0)skewX(-30deg);opacity:0;}60%{transform:skewX(20deg);opacity:1;}80%{transform:skewX(-5deg);}to{transform:translate3d(0,0,0);}`,
        css: `animation-timing-function: ease-out;`
    },
    LightSpeedOutLeft: {
        keyframes: `from{opacity:1;}to{transform:translate3d(-100%,0,0)skewX(-30deg);opacity:0;}`,
        css: `animation-timing-function: ease-in;`
    },
    LightSpeedOutRight: {
        keyframes: `from{opacity:1;}to{transform:translate3d(100%,0,0)skewX(30deg);opacity:0;}`,
        css: `animation-timing-function: ease-in;`
    },
    RotateIn: {
        keyframes: `from{transform:rotate3d(0,0,1,-200deg);opacity:0;}to{transform:translate3d(0,0,0);opacity:1;}`,
        css: `transform-origin: center;`
    },
    RotateInDownLeft: {
        keyframes: `from{transform:rotate3d(0,0,1,-45deg);opacity:0;}to{transform:translate3d(0,0,0);opacity:1;}`,
        css: `transform-origin: left bottom;`
    },
    RotateInDownRight: {
        keyframes: `from{transform:rotate3d(0,0,1,45deg);opacity:0;}to{transform:translate3d(0,0,0);opacity:1;}`,
        css: `transform-origin: right bottom;`
    },
    RotateInUpLeft: {
        keyframes: `from{transform:rotate3d(0,0,1,45deg);opacity:0;}to{transform:translate3d(0,0,0);opacity:1;}`,
        css: `transform-origin: left bottom;`
    },
    RotateInUpRight: {
        keyframes: `from{transform:rotate3d(0,0,1,-90deg);opacity:0;}to{transform:translate3d(0,0,0);opacity:1;}`,
        css: `transform-origin: right bottom;`
    },
    RotateOut: {
        keyframes: `from{opacity:1;}to{transform:rotate3d(0,0,1,200deg);opacity:0;}`,
        css: `transform-origin: center;`
    },
    RotateOutDownLeft: {
        keyframes: `from{opacity:1;}to{transform:rotate3d(0,0,1,45deg);opacity:0;}`,
        css: `transform-origin: left bottom;`
    },
    RotateOutDownRight: {
        keyframes: `from{opacity:1;}to{transform:rotate3d(0,0,1,-45deg);opacity:0;}`,
        css: `transform-origin: right bottom;`
    },
    RotateOutUpLeft: {
        keyframes: `from{opacity:1;}to{transform:rotate3d(0,0,1,-45deg);opacity:0;}`,
        css: `transform-origin: left bottom;`
    },
    RotateOutUpRight: {
        keyframes: `from{opacity:1;}to{transform:rotate3d(0,0,1,90deg);opacity:0;}`,
        css: `transform-origin: right bottom;`
    },
    SlideInDown: {
        keyframes: `from{transform:translate3d(0,-100%,0);visibility:visible;}to{transform:translate3d(0,0,0);}`,
        css: ``
    },
    SlideInLeft: {
        keyframes: `from{transform:translate3d(-100%,0,0);visibility:visible;}to{transform:translate3d(0,0,0);}`,
        css: ``
    },
    SlideInRight: {
        keyframes: `from{transform:translate3d(100%,0,0);visibility:visible;}to{transform:translate3d(0,0,0);}`,
        css: ``
    },
    SlideInUp: {
        keyframes: `from{transform:translate3d(0,100%,0);visibility:visible;}to{transform:translate3d(0,0,0);}`,
        css: ``
    },
    SlideOutDown: {
        keyframes: `from{transform:translate3d(0,0,0);}to{visibility:hidden;transform:translate3d(0,100%,0);}`,
        css: ``
    },
    SlideOutLeft: {
        keyframes: `from{transform:translate3d(0,0,0);}to{visibility:hidden;transform:translate3d(-100%,0,0);}`,
        css: ``
    },
    SlideOutRight: {
        keyframes: `from{transform:translate3d(0,0,0);}to{visibility:hidden;transform:translate3d(100%,0,0);}`,
        css: ``
    },
    SlideOutUp: {
        keyframes: `from{transform:translate3d(0,0,0);}to{visibility:hidden;transform:translate3d(0,-100%,0);}`,
        css: ``
    },
    Hinge: {
        keyframes: `0%{animation-timing-function:ease-in-out;}20%,60%{transform:rotate3d(0,0,1,80deg);animation-timing-function:ease-in-out;}40%,80%{transform:rotate3d(0,0,1,60deg);animation-timing-function:ease-in-out;opacity:1;}to{transform:translate3d(0,700px,0);opacity:0;}`,
        css: `animation-duration: 2s;transform-origin: top left;`
    },
    JackInTheBox: {
        keyframes: `from{opacity:0;transform:scale(0.1)rotate(30deg);transform-origin:centerbottom;}50%{transform:rotate(-10deg);}70%{transform:rotate(3deg);}to{opacity:1;transform:scale(1);}`,
        css: ``
    },
    RollIn: {
        keyframes: `from{opacity:0;transform:translate3d(-100%,0,0)rotate3d(0,0,1,-120deg);}to{opacity:1;transform:translate3d(0,0,0);}`,
        css: ``
    },
    RollOut: {
        keyframes: `from{opacity:1;}to{opacity:0;transform:translate3d(100%,0,0)rotate3d(0,0,1,120deg);}`,
        css: ``
    },
    ZoomIn: {
        keyframes: `from{opacity:0;transform:scale3d(0.3,0.3,0.3);}50%{opacity:1;}`,
        css: ``
    },
    ZoomInDown: {
        keyframes: `from{opacity:0;transform:scale3d(0.1,0.1,0.1)translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);}60%{opacity:1;transform:scale3d(0.475,0.475,0.475)translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);}`,
        css: ``
    },
    ZoomInLeft: {
        keyframes: `from{opacity:0;transform:scale3d(0.1,0.1,0.1)translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);}60%{opacity:1;transform:scale3d(0.475,0.475,0.475)translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);}`,
        css: ``
    },
    ZoomInRight: {
        keyframes: `from{opacity:0;transform:scale3d(0.1,0.1,0.1)translate3d(1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);}60%{opacity:1;transform:scale3d(0.475,0.475,0.475)translate3d(-10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);}`,
        css: ``
    },
    ZoomInUp: {
        keyframes: `from{opacity:0;transform:scale3d(0.1,0.1,0.1)translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);}60%{opacity:1;transform:scale3d(0.475,0.475,0.475)translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);}`,
        css: ``
    },
    ZoomOut: {
        keyframes: `from{opacity:1;}50%{opacity:0;transform:scale3d(0.3,0.3,0.3);}to{opacity:0;}`,
        css: ``
    },
    ZoomOutDown: {
        keyframes: `40%{opacity:1;transform:scale3d(0.475,0.475,0.475)translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);}to{opacity:0;transform:scale3d(0.1,0.1,0.1)translate3d(0,2000px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);}`,
        css: `transform-origin: center bottom;`
    },
    ZoomOutLeft: {
        keyframes: `40%{opacity:1;transform:scale3d(0.475,0.475,0.475)translate3d(42px,0,0);}to{opacity:0;transform:scale(0.1)translate3d(-2000px,0,0);}`,
        css: `transform-origin: left center;`
    },
    ZoomOutRight: {
        keyframes: `40%{opacity:1;transform:scale3d(0.475,0.475,0.475)translate3d(-42px,0,0);}to{opacity:0;transform:scale(0.1)translate3d(2000px,0,0);}`,
        css: `transform-origin: right center;`
    },
    ZoomOutUp: {
        keyframes: `40%{opacity:1;transform:scale3d(0.475,0.475,0.475)translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);}to{opacity:0;transform:scale3d(0.1,0.1,0.1)translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);}`,
        css: `transform-origin: center bottom;`
    }
};

export default animateCssNames;